<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">






















<html>
  <head>
    <title>Home - Issue Tracker - Clickframes Interactive Preview</title>
    <link rel="stylesheet" type="text/css" href="reset.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
    <body class="clips">
    <div id="pagecontainer">
    
    <h1><strong>Issue Tracker</strong> Interactive Preview</h1>
  
    <div class="breadcrumb">
        <a href="index.html">&laquo; Back to project overview</a>
    </div>

    <h2>Home   </h2>
    
    <div id="clip">
    
        <div id="navigation" class="content-box">
    <h3>Navigation</h3>
                       <h4>Global Navigation</h4>
              <ul>
             <li>
                  <a href="login.html">Home</a>
        
    <div class="outcome-descriptions">
            </div>
       </li>
             <li>
                  <a href="contact.html">Contact Us</a>
        
    <div class="outcome-descriptions">
            </div>
       </li>
             <li>
                  <a href="privacy.html">Privacy Policy</a>
        
    <div class="outcome-descriptions">
            </div>
       </li>
             <li>
                  <a href="about.html">About</a>
        
    <div class="outcome-descriptions">
            </div>
       </li>
             <li>
                  <a href="logout.html">Logout</a>
        
    <div class="outcome-descriptions">
            </div>
       </li>
            </ul>
          </div>
  
    <p class="description">This page introduces the user to Issue Tracker and shows a login form.</p>
    
            
          <div id="links" class="primary-box">
      <h3>Links</h3>
      <ul>
              <li>          <a href="createAccount.html">Create Account</a>
        
    <div class="outcome-descriptions">
            </div>
</li>
            </ul>
    </div>
  
              <div class="form primary-box">
      <h3>Form: form</h3>
      <h4>Inputs</h4>
              <h4>Actions &amp; Outcomes</h4>
            </div>
        <div class="form primary-box">
      <h3>Form: loginForm</h3>
      <h4>Inputs</h4>
        	<table class="inputs">
	<tr>
	  <th>Field</th>
	  <th>Type</th>
      <th>Validations</th>
    </tr>
            <tr class="input">
    <td>Username</td>
	<td>text</td>
    <td>
	  	                              <div>Required</div>
                              </td>
  </tr>
      <tr>
	<td>&rArr; {<a href="entities/user.html">User</a>}.{Username}</td>
  </tr>
              <tr class="input">
    <td>Password</td>
	<td>password</td>
    <td>
	  	                              <div>Required</div>
                              </td>
  </tr>
      <tr>
	<td>&rArr; {<a href="entities/user.html">User</a>}.{Password}</td>
  </tr>
          </table>
        <h4>Actions &amp; Outcomes</h4>
            <table class="actions">
              <tr>
          <th>Login</th>
          <td class="arrow">&rArr;</td>
          <td>
                    <ol class="outcomes">
              <li>
                    <a href="viewIssues.html">Login successful</a>
          <div class="outcome-descriptions">
              <div class="outcome-description"><strong>Proceed to View Issues</strong></div>
            
            
                                    <div class="outcome-description">Seam Authentication automatically displays welcome message</div>
                                
                    
          </div>
        </li>
              <li>
                      <span style="color:red;">&times;</span>
                    <a href="login.html">Login failed</a>
          <div class="outcome-descriptions">
              <div class="outcome-description"><strong>Remain on current page.</strong></div>
            
            
                    
                      <div class="outcome-description">Display message "Sorry, your username or password are not correct."</div>
                    
          </div>
        </li>
            </ol>
            </td>
        </tr>
          </table>
      </div>
          
           
                <div id="blurbs" class="primary-box">
            <h3>Content Elements</h3>
            <table class="inputs">
            <tr>
                <th>ID</th>
                <th>Content</th>
            </tr>
                              <tr>
        <td>$content.id</td>
        <td>Welcome you Issue tracker. Login to continue.</td>
    </tr>
                        </table>
        </div>
    
          <div id="facts" class="primary-box">
    <h3>Facts</h3>
    <ol>
            <li>Authentication will be handled by a back-end service defined by the client.</li>
            <li>Three consecutive login failures within a 30 minute period will lock the user's account for one hour.</li>
          </ol>
    </div>
      
    </div>
    
    <div id="footer">
      Built with Clickframes &middot; <a href="http://www.clickframes.org/">http://www.clickframes.org/</a>
    </div>
    
    </div>
  </body>
</html><!-- clickframes::version=3782644296::clickframes -->